<!--<div class="col-md-12 well well-transparent">-->
<div class="well well-transparent">
    <div class="row vertical-offset-100">
        <div class="col-md-4 col-md-offset-4">
            <span class="app-loading-container" >
                <span class="app-loading-animation"
                      data-ng-class="status">
                </span>
            </span>
        </div>
    </div>
    <div class="row">
        <div class="col-md-5 col-sm-4 titulo">
            <h2>Vendas</h2>
        </div>
        <div id="msg" class="col-md-7  col-sm-8">
            <alert ng-repeat="alert in alerts" type="alert.type" 
                   close="closeAlert($index)" 
                   title="{{alert.title}}">
                {{alert.msg}}
            </alert>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div id="popManut" class="btn-group  open-close-popup" ng-init="openClosePopUp();" />
            <button type="button"  class="btn btn-primary  pull-left open-popup"
                    ng-click="">
                <span class="glyphicon glyphicon-shopping-cart"></span> Vender
            </button>

            <div class="btn-group open-close-popup" 
                 ng-init="keepOpen();
                         openClosePopUp();">                
                <button type="button" class="btn btn-primary  
                        open-popup pull-left">
                    <span class="glyphicon glyphicon-filter"></span> Filtro
                </button>
                <ul class="dropdown-menu keep_open form-dropdown
                    nx-popup" id="filtroPopup" role="menu">
                    <li class="dropdown" role="menuitem">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="form-group">
                                    <label for="nome">
                                        Nome:</label><br />
                                    <input type="text" class="form-control" ng-model="filtro.nome" />
                                    <label for="TipoEmpresa">
                                        Empresa</label>
                                    <br />
                                    <select name="FEmpresa" id="Select1" ng-model="filtro.empresa" class="form-control"
                                            ng-options="Empresa as Empresa.nome for Empresa in comboEmpresa">
                                        <option value="">Todos</option>                                      
                                    </select>
                                </div>
                                <a ng-click="listar()" class="btn btn-primary close-popup"> Buscar</a>
                                <a class="btn btn-default close-popup"> Fechar</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- Lista -->
            <a ng-click="limpar()" class="btn btn-primary"><span class="glyphicon glyphicon-minus">
                </span> Limpar</a>
            <!-- POPUP -->
            <!-- class:  open-close-popup  -->
            <!-- ng-init:  keepOpen();openClosePopUp();  -->
            <div id="popManut" class="btn-group  open-close-popup" ng-init="keepOpen();
                    openClosePopUp();">
                <!-- POPUP -->
                <!-- class: open-popup  -->
                <button type="button" class="btn btn-primary  pull-left open-popup"
                        ng-click="novo()">
                    <span class="glyphicon glyphicon-plus"></span> Novo
                </button>                        
                <div id="popManut" class="btn-group  open-close-popup" ng-init="openClosePopUp();" />
                <!-- POPUP -->
                <!-- class: keep_open  -->
                <ul class="dropdown-menu keep_open form-dropdown nx-popup-full" id="idNovo" role="menu">
                    <li class="dropdown" role="menuitem">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <strong>Projeto</strong></div>
                            <div class="panel-body">
                                <!--ng-click="listarCargos()"-->
                                <div class="col-md-12">
                                    <div class="col-md-12" id="formManutProjeto" ng-show="objSelecionado.id === 0">
                                        <form-manut-projeto></form-manut-projeto>
                                    </div>
                                    <div class="col-md-4" id="formManutProjeto" ng-show="objSelecionado.id > 0">
                                        <form-manut-projeto></form-manut-projeto>
                                    </div>
                                    <div class="col-md-8" id="formProjetoSistemas" ng-show="objSelecionado.id > 0">
                                        <form-projeto-sistemas></form-projeto-sistemas>
                                    </div>
                                </div>                                    
                                <a ng-click="salvar()" class="btn btn-success" onclick=""><span class="glyphicon glyphicon-ok">
                                    </span> Salvar</a>
                                <a ng-click="novo()" class="btn btn-primary" 
                                   ng-show="objSelecionado.id > 0"><span class="glyphicon glyphicon-plus">
                                    </span> Novo</a>
                                <a ng-click="excluirConfirma(objSelecionado)" class="btn btn-danger"
                                   ng-show="objSelecionado.id > 0"><span class="glyphicon glyphicon-remove">
                                    </span> Excluir</a>
                                <!-- POPUP -->
                                <!-- class: close-popup  -->
                                <a class="btn btn-default close-popup"> Fechar</a>
                            </div>
                        </div>
                    </li>
                </ul> 
            </div>
        </div>
        <div class=" table-responsive">
            <table class="table table-hover table-bordered lista">
                <thead class="fundo_cinza_claro">
                    <tr>
                        <th ng-click="ordenarLista('nome')">
                            Nome
                        </th>
                        <th ng-click="ordenarLista('licensas')">
                            Preço
                        </th>
                        <th ng-click="ordenarLista('licensas')">
                            Quantidade
                        </th>
                        <th ng-click="ordenarLista('licensas')">
                            Tipo
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="pro in projetos| orderBy:orderProp:orderOption">
                        <!-- repeat de ocorrencias in ocorrencia-->
                        <td class="col-md-3" ng-click="editar(pro.id)">
                            <a>{{pro.nome}}</a>
                            <!-- ut -->
                        </td>
                        <td class="col-md-3" ng-click="editar(pro.id)">
                            <a>{{pro.empresa.nome}}</a>
                            <!-- ut -->
                        </td>
                        <td class="col-md-3" ng-click="editar(pro.id)">
                            <a>{{pro.licensasCuringas.toString()}}</a>
                            <!-- ut -->
                        </td>
                        <td class="col-md-3" ng-click="editar(pro.id)">
                            <a>{{pro.configuracaoLdap.hostServer}}</a>
                            <!-- ut -->
                        </td>

                        <td title="Editar" class="opcoes">
                            <a ng-click="editar(pro.id)" class="btn btn-primary" data-dismiss="modal"><i
                                    class="glyphicon glyphicon-edit"></i></a>
                        </td>
                        <td title="Excluir" class="opcoes">
                            <a ng-click="excluirConfirma(pro)" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-remove">
                                </i></a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- Modal para confirmação de exclusão -->
    <div class="modal fade" id="modalConfirma" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog  modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 class="modal-title" id="H2"> Deseja excluir ?</h3>
                </div>
                <div class="modal-body">
                    <form name="formConfirma" role="form" id="formConfirma">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-6 col-xs-6 col-sm-6">
                                    <a ng-click="excluir()" class="btn btn-success" data-dismiss="modal"><span class="glyphicon glyphicon-ok">
                                        </span> Sim</a>
                                </div>
                                <div class="col-md-6 col-xs-6 col-sm-6">
                                    <a type="button" class="btn btn-danger" data-dismiss="modal">
                                        <span class="glyphicon glyphicon-remove">
                                        </span> 
                                    </a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>